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Appendix A 

15 

<?xml version="1.0" ?> 

- <!— Viziworx XML Schema 1.1 
— > 

- <project> 

20 <emulate>True</emulate> 
<useWMP>False</useWMP> 
<p]Name>demo project</pjName> 
<date>8/l 1/2000 1:14:09 PM</date> 
<author>Steve Markel</author> 

25 <canvas>pal</canvas> 

<notes>simple one page enhancement</notes> 

- <pages> 

- <page> 
<pgName>index</pgName> 

30 - <etement> 

<elName>tv9</elName> 

<type>tv</type> 

<src/> 

<top>0</top> 
35 <left>0</left> 

<height>392</height> 

<width>523</width> 

<zOrder>-K/zOrder> 

<url /> 
40 <font /> 

<color /> 

<size /> 

<rows>0</rows> 
<cols>0</cols> 
45 </element> 

- <element> 
<e(Name>nav</elName> 
<type>graphic</type> 

<src>C:/viziworx/betaGraphics/nav.jpg</src> 
50 <top>0</top> 

<left>519</left> 

<height>480</height> 

<width>12K/width> 

<zOrder>l</zOrder> 
55 <url/> 

<font /> 

<color /> 
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<size /> 

<rows>-K/rows> 
60 <cols>-l</cols> 
</element> 

- <element> 
<elName>buttonl</elName> 
<type>graphic</type> 

65 <src>C:/viziworx/betaGraphics/buttonl.jpg</src> 

<top>108</top> 

<left>530</ieft> 

<height>20</height> 

<width>97</width> 
70 <zOrder>3</zOrder> 

<url /> 

<font /> 

<color /> 

<size /> 

75 <rows>-l</rows> 
<cols>-K/co!s> 
</element> 

- <element> 
<elName>button2</elName> 

80 <type>graphic</type> 

<src>C:/viziworx/betaGraphics/button2.jpg</src> 

<top>144</top> 

<left>526</left> 

<height>25</height> 
85 <width>97</width> 

<zOrder>4</zOrder> 

<url /> 

<font /> 

<color /> 
90 <size /> 

< rows > - K/rows > 

<cols>-K/cols> 

</element> 

- <element> 

95 <elName>button3</elName> 
<type>graphic</type> 

<src>C:/viziworx/betaGraphics/button3.jpg</src> 
<top>187</top> 
<ieft>525</left> 
100 <height>19</height> 
<width>97</width> 
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<zOrder>5</zOrder> 
<url /> 
<font /> 
<color /> 
<size /> 

<rows>-l</rows> 

<cols>-l</cols> 

</element> 

- <element> 
<elName>button4</elName> 
<type>graphic</type> 

<src>C:/viziworx/betaGraphics/button4.jpg</src> 

<top>221</top> 

<left>528</left> 

<height>42</height> 

<width>97</width> 

<zOrder>6</zOrder> 

<url /> 

<font /> 

<color/> 

<size /> 

<rows>-l</rows> 

<cols>-K/cols> 

</element> 

- <element> 
<elName>text</elName> 
<type>graphic</type> 

< s rc> C : / v i z i wo rx/beta G ra p h i cs/text . j pg </s rc> 

<top>391</top> 

<left>0</left> 

<height>89</height> 

<width>52K/width> 

<zOrder>2</zOrder> 

<url /> 

<font /> 

<color /> 

<size /> 

<rows>-l</rows> 

<cols>-l</cols> 

</element> 

- <element> 
<elName>textarea8</e!Name> 
<type>ta</type> 

<src /> 
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<top>406</top> 
<left>84</left> 
<height>50</height> 
<width>438</width> 
150 <zOrder>9</zOrder> 
<url /> 

<font>arial</font> 
<color>#000000</color> 
<size>normal</size> 
155 <rows>5</rows> 
<cols>80</cols> 
</e!ement> 

- <element> 
<elName>localogo</elName> 

160 <type>graphic</type> 

<src>C:/viziworx/betaGraphics/localogo.jpg</src> 

<top>408</top> 

<left>17</ieft> 

<height>51</height> 
165 <width>55</width> 

<zOrder>7</zOrder> 

<url /> 

<font /> 

<coior /> 
170 <size /> 

<rows>-l</rows> 

<cols>-K/cols> 

</element> 

- <element> 

175 <elName>ad</elName> 

<type>graphic</type> 

<src>C:/viziworx/betaGraphics/ad.gif</src> 

<top>418</top> 

<(eft>522</Ieft> 
180 <height>29</height> 

<width>108</width> 

<zOrder>8</zOrder> 

<url /> 

<font /> 

185 <color/> 
<size /> 

<rows>-l</rows> 

<cols>-l</cols> 

</element> 
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190 <triggers> 

<trigger> 

<time>2</time> 

<prop>txt</prop> 

<elName>textarea9</elName> 
195 <param>the first prompt</param> 

</trigger> 

<trigger> 

<time>4</time> 

<prop>txt</prop> 
200 <elName>textarea9</elName> 

<param>the second prompt</param> 

</trigger> 

<trigger> 

<time>6</time> 
205 <prop>src</prop> 

<elName>ad</ell\lame> 

<param>C:/viziworxTestfiles/betaGraphics/amazon.jpg</param> 

</trigger> 

<trigger> 
210 <time>8</time> 

<prop>txt</prop> 

<elName>textarea9</elName> 

<param>the final prompt</param> 

</trigger> 
215 </triggers> 

</page> 

</pages> 

</project> 
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Appendix B 

220 This appendix shows code generated from the XML file listed in Appendix A employing 
a parser of the present invention. Steps shown in bold reference steps shown in figure 3. 



[Step 302] 

225 

<html> 
<head> 

<title>index</title> 

<]-- Emulation: index.htm --> 

230 < l - -Code generated by ViziWorx, Inc. --> 

<! --Please contact us at inf o@viziworx. com- -> 
< I > 

<! --Project Name: demo project- -> 
< I - - Page Name : index- - > 
235 <! --Author: Steve Markel--> 

<!--Date Authored: 8/11/2000 1:13:21 PM--> 
<! --Layout: --> 

<! --Notes: simple one page enhancement- - > 
<! > 

240 

[Step 304] 

< ! — ( none ) - - > 

245 

[Step 3063 

< script language^" javascript "> 
var timerDelta=50 ; 
250 var startCount=0 ; 

var timer ID; 
var ms = 0; 
var iaT = 0; 
var pauseGo = 0; 

255 

var aTriggers = new Array ( 
2*1000, "textarea8 { 1 the first prompt')", 
4*1000, "textarea8 { 1 second prompt 1 )", 
260 6*1000, "ad( ' C: /viziworx/betaGraphics/amazon. jpg' ) " , 

8*1000, n textarea8 { 1 final prompt 1 )", 
99999999, " " ) ; 



265 [Steps 308 and 310] 



270 thelmg; } 



thelmg; } 

275 

thelmg; } 



thelmg; } 
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function fnav(thelmg) { document . all [ "nav" ]. src = thelmg; } 
function fbuttonl (thelmg) { document . all [ "but tonl "]. src = 

function fbutton2 (thelmg) { document .all [ "but ton2 "] . src = 

function fbutton3 (thelmg) { document . all [ "but ton3 "]• src = 

function fbutton4 (thelmg) { document .all [ "but ton4 "3 - src = 
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280 

} 

285 theTxt; } 
thelmg; } 



295 



300 



function f text (thelmg) { document .all [ "text"] . src = thelmg; 
function ftextarea8 (theTxt) { window . textarea8 . innerText = 
function flocalogo (thelmg) { document . all [ "localogo"] . src = 



290 function fad (thelmg) { document . all ["ad" ]. src = thelmg; } 

</script> 



[Step 312] 

< script language=" javascript "> 
< i __ 

var ms = 0 ; 
var state = 0; 



function secs2asc(t) { 

var tSecs = Math. floor (t/1000) ; 
var hrs = Math. floor (tSecs/3600) ; 
var mins = Math. floor ( (tSecs- (hrs*3600) ) / 60); 
305 var sees = tSecs- ( (hrs*3G00) + (mins*60)); 

var ms = t % 1000; 

if(hrs>23) return 

if (hrs < 10) hrs = "0" + hrs; 
310 if (mins < 10) mins = "0" + mins; 

if (sees < 10) sees = "0" + sees; 

if (ms < 10) ms = "00" + ms; 

if (ms < 10 0) ms = "0" + ms; 

if (ms == 0) ms = "000"; 
315 return hrs + ":" + mins + " : " + sees + "." + ms; 

} 

function startstopO { 

if (state == 0) { 
320 ms = 0; 

state = 1; 

then = new DateO ; 

then. setTime (then .getTime ( ) - ms) ; 
document .WMPlay. Play ( ) ; 
325 window. frmTr. cmdMPGo. value=" Pause" ; 

} 

else { 

state = 0; 
now = new Date ( ) ; 
330 ms = now. getTime () - then .getTime () ; 

window. lblTime. innerText = secs2asc (ms) ; 

document .WMPlay .Pause {) ; 

window. frmTr. cmdMPGo .value=" Go 1 

} 

335 } 

function timeDisplay ( ) { 

timerlD = setTimeout(" timeDisplay ();" , 50); 

if (state == 1) { 
340 now = new Date ( ) ; 

ms = now. getTime () - then. getTime () ; 
window. lblTime . innerText = secs2asc (ms) ; 
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345 

function cmdMPGo__onclick ( ) { 

if (timer ID) clearTimeout (timerlD) 

timeDisplay () ; 

350 startstopO; 

btnGo_onclick ( ) ; 

} 

function cmdMPStop_onclick ( ) { 

355 document . WMP lay. Stop () ; 

document .WMPlay. CurrentPosit ion = 0; 
state = 0; 

window. lblTime . innerText = secs2asc (0) ; 

window . f rmTr . cmdMPGo . value= " Go 

360 } 

function Preview () { 

var func, ps, pe, param; 

if {aTriggers [iaT] <= ms) { 
365 func = "f" + aTriggers [iaT+1] ; 

eval (func) ; 
iaT = iaT + 2; 

} 

ms - ms + timerDelta; 
370 timerlD = setTimeout ( "Preview ()" , timerDelta) 

} 

function btnStop_onclick ( ) { 
clearTimeout (timerlD) ; 
375 pauseGo = 0; 

} 

function btnPause_onclick ( ) { 
if (pauseGo == 0) { 
380 btnStopO; 

pauseGo = 1 ; 

} 

else { 

Preview () ; 
385 pauseGo = 0 ; 

} 



function btnGo_onclick ( ) { 
390 var offset; 

pauseGo = 0 ; 

for (ms = 0,iaT=0; aTriggers [iaT] < ms; iaT=iaT+2) {} 
Preview () ; 

} 



395 



[Step 314] 



function window__onload { ) { 

400 var pO = document . body . innerHTML . lastlndexOf ("<!-- stbody -->"); 

if(p0 > -1) { 

var pi = document . body . innerHTML . indexOf ( " < ! [CDATA [ " , p0)+9; 
if (pi > 8) { //if not, there was no imported html 
var s = n <DIVx/DIV>] ] > " 
405 var p2 = document . body . innerHTML . indexOf ( s ) ; 
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var cl = p2-pl; 
document . body . innerHTML = 
document .body. innerHTML. subs tr (pi, cl) + "</div> n + 
document .body . innerHTML . substr (p2+s . length) ; 
410 } 
} 

window. f rmTr . cmdMPGo . disabled=true; 

window . f rmTr . cmdMPStop . d i sab led= true ; 

415 document .WMP lay . FileName = "demo . asf " ; 

document .WMPlay .ShowContro Is = false; 
document .WMPlay. Autostart = false; 

window. f rmTr . cmdMPGo . disabled= false ; 

wi ndow . f rmTr . cmdMP S t op . di sab led=false; 

420 } 

_ _ > 

</ script> 
< /head> 

425 

[Step 316] 

< i - - none - - > 

430 

[Step 318] 

<body LANGUAGE=" javascript" onload= "return window_onload { ) " > 

< ! - - stbody - - > 

435 <div id=" divTr" style= n position:absolute; top:500; left:0; z-index:0 n > 

<form id=" frmTr" name=" frmTr"> 

<table border="0"> 

<tr> 

<td> 

440 <INPUT type= n button n value= n Go" id=" cmdMPGo" name= n cmdMPGo" 

LANGUAGE^" javascript" onclick=" return cmdMPGo_onclick ( ) " /> 

<INPUT type="button" value="Stop" id=" cmdMPStop" name=" cmdMPStop" 

LANGUAGE=" javascript " onclick^ "return cmdMPStop_onclick ( ) " /> 

</td> 

445 <td style=" COLOR: #ff0000; FONT-FAMILY: Verdana; FONT-SIZE: lOpt; FONT-WEIGHT: 
bold" bgcolor="#000000"> 

< LABEL name="lblTime" id= " lblTime " >00 : 00 : 00 . 000</LABEL> 
</td> 
</tr> 
450 </table> 
</f orm> 
</div> 



455 [Step 320] 

<div id="tv9" style="position:absolute; top:0; left:0; z-index: -1"> 

<OBJECT codebase="CLSID:22D6F312-B0F6-llD0-94AB-0080C74C7E95" 

classid= "http : //act ivex. microsoft .com/act ivex/controls/mplayer/en/nsmp2 inf. cab# 
460 Version=6,4,5, 715" id="WMPlay" type="application/x-oleobject" id="WMPlay" 
height="392" width="523 n standby= "Loading Microsoft Windows Media Player 
components . . . "> 

< EMBED type="application/x-mplayer2" f ilename=" demo. asf " displaysize="4" 
name= "WMPlay" width="523" height= "392 " /> 
465 </OBJECT> 
</div> 

<div id="divnav" style="position:absolute; top:0; left: 519; z-index: 1" href=""> 
<img id="nav" name="nav" border="0 n src= "C : /viziworx/betaGraphics/nav . jpg" /> 
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</div> 

470 <div id= u divbuttonl n style="position: absolute; top:108; left:530; z- index: 3 11 
href= M "> 

<img id="buttonl" name="buttonl" border="0" 
src="C: /viziworx/betaGraphics/buttonl . jpg" /> 
</div> 

475 <div id= u divbutton2 n style="position:absolute ; top:144; left: 526; z-index:4" 
href =" "> 

<img id="button2" name= "button2 " border= n 0" 
src="C: /viziworx/betaGraphics/button2 -jpg" /> 
</div> 

480 <div id= n divbutton3" style="position:absolute; top: 187; left:525; z-index:5" 
href= n "> 

<img id= "buttons" name="button3 " border="0" 
src="C: /viziworx/betaGraphics/button3 .jpg" / > 
</div> 

485 <div id="divbutton4 n style= "position: absolute; top:221; left:528; z-index:6" 
href=" "> 

<img id="button4" name= "button4 " border="0" 
src="C: /viziworx/betaGraphics/button4 .jpg" / > 
</div> 

490 <div id="divtext" style= "position: absolute; top: 3 91; left:0; z-index:2" 
href=" "> 

<img id="text" name="text" border="0" src="C : /viziworx/betaGraphics/text . jpg" 
/> 

</div> 

495 <div id="textarea8" style= "position: absolute; top: 406; left: 84; width: 43 8; 
height:50; color :#000000 ; font- size: normal; font-family :arial; z-index:9"> 

Preview Text Area 

</div> 

500 <div id="divlocalogo" style= "position: absolute; top:408; left:17; z- index: 7" 
href=" "> 

<img id="localogo" name ="1 oca logo" border="0" 
src="C: /viziworx/betaGraphics/localogo. jpg" /> 
</div> 

505 <div id="divad" style= "position: absolute; top:418; left:522; z-index:8" 
href=" "> 

<img id="ad" name="ad" border="0" src="C : /viziworx/betaGraphics/ad.gif " /> 
</div> 
</body> 
510 </html> 
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